<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    p{
        border-radius: 2px;
        /*box-shadow: inset 3px 3px 5px 3px red;*/
        box-shadow:  3px 3px 2px 3px red;
    }
    div{
        width: 100px;
        height: 100px;
    }
</style>
<body>
<!--
    border-radius:圆角边框

    box-shadow： ie9 以上支持
        边框阴影: 水平偏移距离 垂直偏移距离 模糊距离 阴影的尺寸 颜色
        默认： box-shadow:inset 1px 1px 1px 1px red;

    边框图片：ie11及以上支持
        border-image: 图片str 向内偏移距离number 宽度number 图像区域超出边框的距离number 重复效果[repeat{平铺},round{}铺满,stretch{拉伸}]

-->
    <p>sdfadsfasdfasdfa</p>

    <div>

    </div>

</body>
</html>